<template>
  <div class="flex-center flex-col h-full">
    <img class="max-w-[300px] w-full" src="@/assets/images/404.webp" />
  </div>
</template>

<script setup lang="ts">
import { onUnmounted } from "vue";

import { useAppTabs } from "@/modules/package/appTabs";
const { close } = useAppTabs();

onUnmounted(close);
</script>

<style lang="less" scoped>
.not-found-tip {
  padding: 10px 160px;
  color: rgb(25, 140, 255);
  background: linear-gradient(
    to right,
    rgba(104, 176, 250, 0),
    rgba(104, 176, 250, 0.2),
    rgba(104, 176, 250, 0)
  );
}
</style>
